<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>源码大数据项目</title>
    <!-- 重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css" />
    <!-- 常态化样式表 -->
    <link rel="stylesheet" href="../css/normalize.css" />
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../lib/swiper-bundle.css">
    <!-- 当前页样式 -->
    <link rel="stylesheet" href="../css/index.css" />
</head>

<body>
    <!-- 顶部导航 -->
    <header>
        <div class="nav mr ">
            <!-- LOGO -->
            <div class="nav-log ">
                <h1>
                    <img src="../imgs/new-logo-white.png" alt="源码大数据">
                </h1>
            </div>
            <!-- 导航list -->
            <div class="nav-list fex-c-c">
                <ul>
                    <li><a href="index.html" id="active">首页</a> </li>
                    <li><a href="api-index.html">API</a></li>
                    <li><a href="customer.html">案例</a></li>
                </ul>
            </div>
            <!-- 右侧 -->
            <div class="ld">
                <!-- 登录 -->
                <div class="login">
                    <a href="login.html">登录</a>
                </div>
                <!-- 注册 -->
                <div class="regsiter">
                    <a href="#">注册</a>

                </div>
            </div>
        </div>
    </header>
    <!-- 主体内容 -->
    <main>
        <!-- 轮播图 -->
        <section class="rel">

            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" id="swiper-a"></div>
                    <div class="swiper-slide" id="swiper-b"></div>
                    <div class="swiper-slide" id="swiper-c"></div>
                </div>
                <div class="swiper-pagination"></div><!--分页器。如果放置在swiper外面，需要自定义样式。-->
                <div class="swiper-button-prev"></div><!--左箭头。如果放置在swiper外面，需要自定义样式。-->
                <div class="swiper-button-next"></div><!--右箭头。如果放置在swiper外面，需要自定义样式。-->
            </div>
        </section>
        <!-- 开发者 -->
        <section class="cloud ">
            <div class="aptit">
                <h1>为开发者提供云服务</h1>
                <p class="y">基于API技术向客户提供多领域、多场景的Sass服务;助力开发者提高生产效率,加快工作进程</p>
                <p class=" api-a"><a href="#">探索云服务></a> </p>
            </div>
            <!-- 云服务 -->
            <div class="yfw container ">
                <ul class="container">
                    <li>

                        <!-- 图片 -->

                        <img src="../imgs/service01.png" alt="">

                        <!-- 内容 -->
                        <div class="api-con">
                            <h2>API私有化服务</h2>
                            <p>可部署本地&专有云的Web API</p>
                            <p class="api-a"><a href="#"> 去探索</a></p>
                        </div>

                    </li>

                    <li>

                        <!-- 图片 -->

                        <img src="../imgs/service02.png" alt="">

                        <!-- 内容 -->
                        <div class="api-con">
                            <h2>源码云监测</h2>
                            <p>实时代码托管、威胁情报监控</p>
                            <p class="api-a"><a href="#"> 去探索</a></p>
                        </div>

                    </li>
                    <li>

                        <!-- 图片 -->

                        <img src="../imgs/service03.png" alt="">

                        <!-- 内容 -->
                        <div class="api-con">
                            <h2>源码有赢</h2>
                            <p>站式营销活动服务平台</p>
                            <p class="api-a"><a href="#"> 去探索</a></p>
                        </div>

                    </li>
                    <li>

                        <!-- 图片 -->

                        <img src="../imgs/service04.png" alt="">

                        <!-- 内容 -->
                        <div class="api-con">
                            <h2>YuanMa API</h2>
                            <p>API开发者协作平台</p>
                            <p class="api-a"><a href="#"> 去探索</a></p>
                        </div>

                    </li>
                </ul>
            </div>

        </section>
        <!-- 海量api -->
        <section class="api">
            <div class="api-tit container">
                <h1>海量的API服务,丰富的API分类</h1>
                <p class="y">提供400多种APP和数据块,快捷,易用,极大地满足了用户的数据需求,节省了寻找时间,节约了数据维护和服务器和人力成本。</p>
                <p class="api-a"><a href="#"> 探索API</a></p>
            </div>
            <div class="container">
                <ul>
                    <li>
                        <img src="../imgs/api01.png" alt="">
                        <span>生活服务</span>
                    </li>
                    <li>
                        <img src="../imgs/api02.png" alt="">
                        <span>金融科技</span>
                    </li>
                    <li>
                        <img src="../imgs/api03.png" alt="">
                        <span>交通地理</span>
                    </li>
                    <li>
                        <img src="../imgs/api04.png" alt="">
                        <span>充值缴费</span>
                    </li>
                    <li>
                        <img src="../imgs/api05.png" alt="">
                        <span>数据智能</span>
                    </li>

                    <li>
                        <img src="../imgs/api06.png" alt="">
                        <span>企业工商</span>
                    </li>
                    <li>
                        <img src="../imgs/api07.png" alt="">
                        <span>应用开发</span>
                    </li>
                    <li>
                        <img src="../imgs/api08.png" alt="">
                        <span>电子商务</span>
                    </li>
                    <li>
                        <img src="../imgs/api09.png" alt="">
                        <span>吃喝玩乐</span>
                    </li>
                    <li>
                        <img src="../imgs/api10.png" alt="">
                        <span>文娱视频</span>
                    </li>
                </ul>
                <div class="api-b">
                    <p class="api-a">另外更多免费API任您挑选，<a href="#"> 马上申请></a></p>
                </div>
            </div>
        </section>
        <!-- 慧集 -->
        <section class="master">
            <div class="master-tit container">
                <h1 class="ct">慧集/APIMaster</h1>
                <p class="y ct">API集成中台包括：API设计、API开发、API测试、API发布、API网关、API市场等功能，支持API的鉴权、流控、熔断等，涵盖了API的全生命周期。</p>
                <p class="api-a ct"><a href="#">探索慧集</a> </p>
            </div>
            <div class=" master-nr container">
                <img src="../imgs/master-left-bg.png" alt="" class="nr-img">
                <div class="master-list">
                    <ul>
                        <li>
                            <div class="mas-img">
                                <img src="../imgs/master-item-icon-01.png" alt="">
                                <p>API智能接入</p>
                            </div>
                            <p>通过可视化界面配置，即可实现无代码、免开发快速接入</p>
                        </li>
                        <li>
                            <div class="mas-img">
                                <img src="../imgs/master-item-icon-02.png" alt="">
                                <p>API智能接入</p>
                            </div>
                            <p>通过可视化界面配置，即可实现无代码、免开发快速接入</p>
                        </li>
                        <li>
                            <div class="mas-img">
                                <img src="../imgs/master-item-icon-03.png" alt="">
                                <p>API智能接入</p>
                            </div>
                            <p>通过可视化界面配置，即可实现无代码、免开发快速接入</p>
                        </li>
                        <li>
                            <div class="mas-img">
                                <img src="../imgs/master-item-icon-04.png" alt="">
                                <p>API智能接入</p>

                            </div>
                            <p>通过可视化界面配置，即可实现无代码、免开发快速接入</p>
                        </li>
                        <li>
                            <div class="mas-img">
                                <img src="../imgs/master-item-icon-05.png" alt="">
                                <p>API智能接入</p>
                            </div>
                            <p>通过可视化界面配置，即可实现无代码、免开发快速接入</p>
                        </li>
                        <li>
                            <div class="mas-img">
                                <img src="../imgs/master-item-icon-06.png" alt="">
                                <p>API智能接入</p>
                            </div>
                            <p>通过可视化界面配置，即可实现无代码、免开发快速接入</p>
                        </li>
                    </ul>
                </div>
            </div>

        </section>
        <section class="safe">
            <!-- 独角兽 -->
            <h1 class="ct">助力行业巨头 / 独角兽企业</h1>
            <p class="api-a ct djs"><a href="#">看看我们服务了谁 ></a> </p>
            <div class="safe-box">
                <!-- 版心 -->
                <div class="sa-nr container">
                    <!-- 1 -->
                    <!-- 轮播div -->
                    <div class="safea">
                        <!-- 左侧图片 -->
                        <div class="saimg">
                            <img src="../imgs/hcfc.png" alt="">
                        </div>
                        <div class="sar">
                            <div class="dh">
                                <img src="../imgs/help-des-icon.png" alt="">
                            </div>
                            <!-- 右侧内容 -->
                            <div class="sar-nr fz-16 ">
                                <p>河北幸福消金基于业务对三方数据的需求，需接入数百个外部数据源，涉及一百多个不同维度的数据供应商，通过代码开发对接众多接口，费时费力。通过聚合数据的三方数据管理平台，实现了完善的供应商管理、自动化测试、零代码数据源接入、数据质量管理、数据表现监控，从而保障各类信贷业务产品的风险控制正常运行，支撑公司消费贷款业务快速发展。
                                </p>
                                <div class="yj">
                                    <span> 风险管理部 </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 2-->
                    <!-- 轮播div -->
                    <div class="safea">
                        <!-- 左侧图片 -->
                        <div class="saimg">
                            <img src="../imgs/szyh.png" alt="">
                        </div>
                        <div class="sar">
                            <div class="dh">
                                <img src="../imgs/help-des-icon.png" alt="">
                            </div>
                            <!-- 右侧内容 -->
                            <div class="sar-nr fz-16 ">
                                <p> 中国银联经过多年建设，可通过银联开放式综合支付服务平台，提供账单、订单、票券信息、行业场景等各类内容支付服务，但是传统的接口对接集成流程，存在API对接开发接入流程较复杂、技术对接沟通不便捷、产品覆盖面不足等痛点。通过聚合数据“APIMaster
                                    -
                                    慧集”的产品能力，构建新一代开放式内容交换平台，将银联传统的内容支付服务从抽象的API接口转换为具象的内容商品，同时也通过API开放底座聚合上游生态伙伴的金融服务能力，赋能上下游生态伙伴，持续推进「开放互联」的业务目标。
                                </p>
                                <div class="yj">
                                    <span> 银联创新中心 </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 3 -->
                    <!-- 轮播div -->
                    <div class="safea">
                        <!-- 左侧图片 -->
                        <div class="saimg">
                            <img src="../imgs/sznsyh.png" alt="">
                        </div>
                        <div class="sar">
                            <div class="dh">
                                <img src="../imgs/help-des-icon.png" alt="">
                            </div>
                            <!-- 右侧内容 -->
                            <div class="sar-nr fz-16 ">
                                <p>苏州银行在数仓建设过程中创建了新的数据模型，需要开放出去供外部系统调用。传统做法首先需要将数仓中的模型通过数据同步工具落地到目标数据库中，然后应用开发需要了解底层数据源细节，开发数据接口供调用，过程冗长复杂，难以维护，运维成本高。通过聚合数据API服务系统平台可从数据库直接生成相关的操作API，搭配前端页面即可使用，极大简化基础API
                                    开发、维护工作。</p>
                                <div class="yj">
                                    <span>苏州银行开发部</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </section>
        <!-- 数据安全 -->
        <section class="data">
            <div class="date-tit ct">
                <h1>数据安全和可靠合规的服务</h1>
                <p class="y">保证每一个客户放心使用</p>
                <p class="api-a djs"><a href="#">立即使用</a> </p>
            </div>
            <div class="data-img container">
                <ul>
                    <li> <img src="../imgs/security-logo-item01.png " alt="">
                        <span>高薪技术企业</span>
                    </li>
                    <li> <img src="../imgs/security-logo-item02.png " alt="">
                        <span>CMM13</span>
                    </li>
                    <li> <img src="../imgs/security-logo-item03.png " alt="">
                        <span>ISO9001</span>
                    </li>
                    <li> <img src="../imgs/security-logo-item04.png " alt="">
                        <span>ISO20000</span>
                    </li>
                    <li> <img src="../imgs/security-logo-item05.png " alt="">
                        <span>IS27001</s>
                    </li>
                    <li> <img src="../imgs/security-logo-item06.png " alt="">
                        <span>ISO网络安全三等保</span>
                    </li>
                </ul>
            </div>
        </section>

        <section class="api-fot">
            <h1>免费试用上百种API、体验各类产品和服务</h1>
            <a href="#"> <button>立即体验</button></a>
        </section>
    </main>
    <footer>
        <div class="foooter container">
            <ul>
                <li>
                    <a href="#">联系与支持</a>
                    <a href="#"> 400-882-7715</a>
                    <a href="#"> 售前咨询</a>
                    <a href="#">客服&售后</a>
                    <a href="#">常见问题</a>
                    <a href="#">极速工单</a>
                    <a href="#"> 投诉与建议</a>
                </li>

                <li>

                    <a href="#">联系与支持</a>
                    <a href="#"> 400-882-7715</a>
                    <a href="#"> 售前咨询</a>
                    <a href="#">客服&售后</a>
                    <a href="#">常见问题</a>
                    <a href="#">极速工单</a>
                    <a href="#"> 投诉与建议</a>
                </li>
                <li>

                    <a href="#">联系与支持</a>
                    <a href="#"> 400-882-7715</a>
                    <a href="#"> 售前咨询</a>
                    <a href="#">客服&售后</a>
                    <a href="#">常见问题</a>
                    <a href="#">极速工单</a>
                    <a href="#"> 投诉与建议</a>
                </li>
                <li>

                    <a href="#">联系与支持</a>
                    <a href="#"> 400-882-7715</a>
                    <a href="#"> 售前咨询</a>
                    <a href="#">客服&售后</a>
                    <a href="#">常见问题</a>
                    <a href="#">极速工单</a>
                    <a href="#"> 投诉与建议</a>
                </li>
                <li>

                    <a href="#">联系与支持</a>
                    <a href="#"> 400-882-7715</a>
                    <a href="#"> 售前咨询</a>
                    <a href="#">客服&售后</a>
                    <a href="#">常见问题</a>
                    <a href="#">极速工单</a>
                    <a href="#"> 投诉与建议</a>
                </li>
                <li>
                    <a href="#">联系与支持</a>
                    <a href="#"> 400-882-7715</a>
                    <a href="#"> 售前咨询</a>
                    <a href="#">客服&售后</a>
                    <a href="#">常见问题</a>
                    <a href="#">极速工单</a>
                    <a href="#"> 投诉与建议</a>
                </li>
            </ul>
            <div class="vx">

                <h2>微信公众号</h2>


                <p>源码时代</p>
                <img src="../imgs/showqrcode.jpg" alt="">

            </div>
        </div>
        <div class="fo-t container">
            <p><img src="../imgs/bei2.png" alt="">
                <img src="../imgs/bei1.png" alt="">
                增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
            </p>
            <p>源码大数据股份有限公司©版权所有</p>

        </div>
        <!-- 返回顶部按钮 -->
        <div class="top">

        </div>
        <!--底部波浪开始-->
        <div class="wiiuii_layout">
            <svg class="editorial" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                viewBox="0 24 150 28" preserveAspectRatio="none">
                <defs>
                    <path id="gentle-wave" d="M-160 44c30 0
            58-18 88-18s
            58 18 88 18
            58-18 88-18
            58 18 88 18
            v44h-352z" />
                </defs>
                <g class="parallax">
                    <use xlink:href="#gentle-wave" x="50" y="0" fill="#4579e2" />
                    <use xlink:href="#gentle-wave" x="50" y="3" fill="#3461c1" />
                    <use xlink:href="#gentle-wave" x="50" y="6" fill="#2d55aa" />
                </g>
            </svg>
        </div>

        <!--底部波浪结束-->
    </footer>
    <script src="../js/util.js"></script>
    <script src="../lib/swiper-bundle.js"></script>
    <script src="../js/index.js"></script>

</body>

</html>